﻿<!DOCTYPE html>
<html>
  <head>
    <title>课程学习</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
    <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
    <link href="resources/css/axure_rp_page.css" type="text/css" rel="stylesheet"/>
    <link href="data/styles.css" type="text/css" rel="stylesheet"/>
    <link href="files/课程学习/styles.css" type="text/css" rel="stylesheet"/>
    <script src="resources/scripts/jquery-3.2.1.min.js"></script>
    <script src="resources/scripts/axure/axQuery.js"></script>
    <script src="resources/scripts/axure/globals.js"></script>
    <script src="resources/scripts/axutils.js"></script>
    <script src="resources/scripts/axure/annotation.js"></script>
    <script src="resources/scripts/axure/axQuery.std.js"></script>
    <script src="resources/scripts/axure/doc.js"></script>
    <script src="resources/scripts/messagecenter.js"></script>
    <script src="resources/scripts/axure/events.js"></script>
    <script src="resources/scripts/axure/recording.js"></script>
    <script src="resources/scripts/axure/action.js"></script>
    <script src="resources/scripts/axure/expr.js"></script>
    <script src="resources/scripts/axure/geometry.js"></script>
    <script src="resources/scripts/axure/flyout.js"></script>
    <script src="resources/scripts/axure/model.js"></script>
    <script src="resources/scripts/axure/repeater.js"></script>
    <script src="resources/scripts/axure/sto.js"></script>
    <script src="resources/scripts/axure/utils.temp.js"></script>
    <script src="resources/scripts/axure/variables.js"></script>
    <script src="resources/scripts/axure/drag.js"></script>
    <script src="resources/scripts/axure/move.js"></script>
    <script src="resources/scripts/axure/visibility.js"></script>
    <script src="resources/scripts/axure/style.js"></script>
    <script src="resources/scripts/axure/adaptive.js"></script>
    <script src="resources/scripts/axure/tree.js"></script>
    <script src="resources/scripts/axure/init.temp.js"></script>
    <script src="resources/scripts/axure/legacy.js"></script>
    <script src="resources/scripts/axure/viewer.js"></script>
    <script src="resources/scripts/axure/math.js"></script>
    <script src="resources/scripts/axure/jquery.nicescroll.min.js"></script>
    <script src="data/document.js"></script>
    <script src="files/课程学习/data.js"></script>
    <script type="text/javascript">
      $axure.utils.getTransparentGifPath = function() { return 'resources/images/transparent.gif'; };
      $axure.utils.getOtherPath = function() { return 'resources/Other.html'; };
      $axure.utils.getReloadPath = function() { return 'resources/reload.html'; };
    </script>
  </head>
  <body>
    <div id="base" class="">

      <!-- Unnamed (组合) -->
      <div id="u18089" class="ax_default" data-left="494" data-top="259" data-width="586" data-height="1143">

        <!-- Unnamed (组合) -->
        <div id="u18090" class="ax_default" data-left="524" data-top="1254" data-width="495" data-height="90">

          <!-- Unnamed (矩形) -->
          <div id="u18091" class="ax_default box_1">
            <div id="u18091_div" class=""></div>
            <div id="u18091_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>
        </div>

        <!-- Unnamed (组合) -->
        <div id="u18092" class="ax_default" data-left="545" data-top="1307" data-width="70" data-height="24">

          <!-- Unnamed (矩形) -->
          <div id="u18093" class="ax_default label">
            <div id="u18093_div" class=""></div>
            <div id="u18093_text" class="text ">
              <p><span>就业</span></p>
            </div>
          </div>
        </div>

        <!-- Unnamed (组合) -->
        <div id="u18094" class="ax_default" data-left="562" data-top="1271" data-width="33" data-height="33">

          <!-- Unnamed (形状) -->
          <div id="u18095" class="ax_default _形状">
            <img id="u18095_img" class="img " src="images/元件/u6.svg"/>
            <div id="u18095_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>

          <!-- Unnamed (形状) -->
          <div id="u18096" class="ax_default _形状">
            <img id="u18096_img" class="img " src="images/元件/u7.svg"/>
            <div id="u18096_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>

          <!-- Unnamed (形状) -->
          <div id="u18097" class="ax_default _形状">
            <img id="u18097_img" class="img " src="images/元件/u8.svg"/>
            <div id="u18097_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>
        </div>

        <!-- Unnamed (组合) -->
        <div id="u18098" class="ax_default" data-left="660" data-top="1271" data-width="53" data-height="60">

          <!-- Unnamed (组合) -->
          <div id="u18099" class="ax_default" data-left="660" data-top="1307" data-width="53" data-height="24">

            <!-- Unnamed (矩形) -->
            <div id="u18100" class="ax_default label">
              <div id="u18100_div" class=""></div>
              <div id="u18100_text" class="text ">
                <p><span>课程</span></p>
              </div>
            </div>

            <!-- Unnamed (组合) -->
            <div id="u18101" class="ax_default" data-left="0" data-top="0" data-width="0" data-height="0">
            </div>
          </div>

          <!-- Unnamed (组合) -->
          <div id="u18102" class="ax_default" data-left="660" data-top="1271" data-width="33" data-height="33">

            <!-- Unnamed (形状) -->
            <div id="u18103" class="ax_default _形状">
              <img id="u18103_img" class="img " src="images/元件/u14.svg"/>
              <div id="u18103_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- Unnamed (形状) -->
            <div id="u18104" class="ax_default _形状">
              <img id="u18104_img" class="img " src="images/元件/u15.svg"/>
              <div id="u18104_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>
          </div>
        </div>

        <!-- Unnamed (组合) -->
        <div id="u18105" class="ax_default" data-left="856" data-top="1276" data-width="48" data-height="55">

          <!-- Unnamed (组合) -->
          <div id="u18106" class="ax_default" data-left="858" data-top="1307" data-width="46" data-height="24">

            <!-- Unnamed (矩形) -->
            <div id="u18107" class="ax_default label">
              <div id="u18107_div" class=""></div>
              <div id="u18107_text" class="text ">
                <p><span>资讯</span></p>
              </div>
            </div>

            <!-- Unnamed (组合) -->
            <div id="u18108" class="ax_default" data-left="0" data-top="0" data-width="0" data-height="0">
            </div>
          </div>

          <!-- Unnamed (形状) -->
          <div id="u18109" class="ax_default icon">
            <img id="u18109_img" class="img " src="images/元件/u20.svg"/>
            <div id="u18109_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>
        </div>

        <!-- Unnamed (组合) -->
        <div id="u18110" class="ax_default" data-left="758" data-top="1271" data-width="52" data-height="60">

          <!-- Unnamed (组合) -->
          <div id="u18111" class="ax_default" data-left="758" data-top="1307" data-width="52" data-height="24">

            <!-- Unnamed (矩形) -->
            <div id="u18112" class="ax_default label">
              <div id="u18112_div" class=""></div>
              <div id="u18112_text" class="text ">
                <p><span>社群</span></p>
              </div>
            </div>

            <!-- Unnamed (组合) -->
            <div id="u18113" class="ax_default" data-left="0" data-top="0" data-width="0" data-height="0">
            </div>
          </div>

          <!-- Unnamed (形状) -->
          <div id="u18114" class="ax_default icon">
            <img id="u18114_img" class="img " src="images/元件/u25.svg"/>
            <div id="u18114_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>
        </div>

        <!-- Unnamed (组合) -->
        <div id="u18115" class="ax_default" data-left="952" data-top="1271" data-width="53" data-height="60">

          <!-- Unnamed (组合) -->
          <div id="u18116" class="ax_default" data-left="952" data-top="1307" data-width="53" data-height="24">

            <!-- Unnamed (矩形) -->
            <div id="u18117" class="ax_default label">
              <div id="u18117_div" class=""></div>
              <div id="u18117_text" class="text ">
                <p><span>我的</span></p>
              </div>
            </div>

            <!-- Unnamed (组合) -->
            <div id="u18118" class="ax_default" data-left="0" data-top="0" data-width="0" data-height="0">
            </div>
          </div>

          <!-- Unnamed (形状) -->
          <div id="u18119" class="ax_default icon">
            <img id="u18119_img" class="img " src="images/元件/u30.svg"/>
            <div id="u18119_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>
        </div>

        <!-- Unnamed (组合) -->
        <div id="u18120" class="ax_default" data-left="494" data-top="259" data-width="586" data-height="1143">

          <!-- Unnamed (矩形) -->
          <div id="u18121" class="ax_default _默认样式">
            <div id="u18121_div" class=""></div>
            <div id="u18121_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>

          <!-- Unnamed (图片 ) -->
          <div id="u18122" class="ax_default image">
            <img id="u18122_img" class="img " src="images/元件/u33.png"/>
            <div id="u18122_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>

          <!-- Unnamed (图片 ) -->
          <div id="u18123" class="ax_default image">
            <img id="u18123_img" class="img " src="images/元件/u34.png"/>
            <div id="u18123_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>

          <!-- Unnamed (图片 ) -->
          <div id="u18124" class="ax_default image">
            <img id="u18124_img" class="img " src="images/元件/u35.png"/>
            <div id="u18124_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>

          <!-- Unnamed (图片 ) -->
          <div id="u18125" class="ax_default image">
            <img id="u18125_img" class="img " src="images/元件/u36.png"/>
            <div id="u18125_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>
        </div>

        <!-- Unnamed (组合) -->
        <div id="u18126" class="ax_default" data-left="810" data-top="296" data-width="79" data-height="15">

          <!-- Unnamed (图片 ) -->
          <div id="u18127" class="ax_default image1">
            <img id="u18127_img" class="img " src="images/元件/u38.png"/>
            <div id="u18127_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>

          <!-- Unnamed (形状) -->
          <div id="u18128" class="ax_default icon">
            <img id="u18128_img" class="img " src="images/元件/u39.svg"/>
            <div id="u18128_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>

          <!-- Unnamed (形状) -->
          <div id="u18129" class="ax_default icon">
            <img id="u18129_img" class="img " src="images/元件/u40.svg"/>
            <div id="u18129_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u18130" class="ax_default label">
          <div id="u18130_div" class=""></div>
          <div id="u18130_text" class="text ">
            <p><span>7:00</span></p>
          </div>
        </div>

        <!-- Unnamed (组合) -->
        <div id="u18131" class="ax_default" data-left="915" data-top="304" data-width="79" data-height="15">

          <!-- Unnamed (图片 ) -->
          <div id="u18132" class="ax_default image1">
            <img id="u18132_img" class="img " src="images/元件/u38.png"/>
            <div id="u18132_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>

          <!-- Unnamed (形状) -->
          <div id="u18133" class="ax_default icon">
            <img id="u18133_img" class="img " src="images/元件/u39.svg"/>
            <div id="u18133_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>

          <!-- Unnamed (形状) -->
          <div id="u18134" class="ax_default icon">
            <img id="u18134_img" class="img " src="images/元件/u40.svg"/>
            <div id="u18134_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u18135" class="ax_default box_1">
        <img id="u18135_img" class="img " src="images/用户流程图/u735.svg"/>
        <div id="u18135_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u18136" class="ax_default box_1">
        <div id="u18136_div" class=""></div>
        <div id="u18136_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (图片 ) -->
      <div id="u18137" class="ax_default _图片">
        <img id="u18137_img" class="img " src="images/元件/u49.png"/>
        <div id="u18137_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (形状) -->
      <div id="u18138" class="ax_default icon">
        <img id="u18138_img" class="img " src="images/用户流程图/u738.svg"/>
        <div id="u18138_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u18139" class="ax_default box_1">
        <div id="u18139_div" class=""></div>
        <div id="u18139_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u18140" class="ax_default box_1">
        <div id="u18140_div" class=""></div>
        <div id="u18140_text" class="text ">
          <p><span>推荐课程</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u18141" class="ax_default box_1">
        <div id="u18141_div" class=""></div>
        <div id="u18141_text" class="text ">
          <p><span>已学课程</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u18142" class="ax_default box_1">
        <div id="u18142_div" class=""></div>
        <div id="u18142_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u18143" class="ax_default flow_shape">
        <div id="u18143_div" class=""></div>
        <div id="u18143_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (动态面板) -->
      <div id="u18144" class="ax_default">
        <div id="u18144_state0" class="panel_state" data-label="State1" style="">
          <div id="u18144_state0_content" class="panel_state_content">

            <!-- Unnamed (图片 ) -->
            <div id="u18145" class="ax_default _图片_">
              <img id="u18145_img" class="img " src="images/用户流程图/u745.svg"/>
              <div id="u18145_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>
          </div>
        </div>
        <div id="u18144_state1" class="panel_state" data-label="State2" style="visibility: hidden;">
          <div id="u18144_state1_content" class="panel_state_content">

            <!-- Unnamed (图片 ) -->
            <div id="u18146" class="ax_default _图片_">
              <img id="u18146_img" class="img " src="images/用户流程图/u746.svg"/>
              <div id="u18146_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>
          </div>
        </div>
        <div id="u18144_state2" class="panel_state" data-label="State3" style="visibility: hidden;">
          <div id="u18144_state2_content" class="panel_state_content">

            <!-- Unnamed (图片 ) -->
            <div id="u18147" class="ax_default _图片_">
              <img id="u18147_img" class="img " src="images/用户流程图/u747.svg"/>
              <div id="u18147_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>
          </div>
        </div>
        <div id="u18144_state3" class="panel_state" data-label="State4" style="visibility: hidden;">
          <div id="u18144_state3_content" class="panel_state_content">

            <!-- Unnamed (图片 ) -->
            <div id="u18148" class="ax_default _图片_">
              <img id="u18148_img" class="img " src="images/用户流程图/u748.svg"/>
              <div id="u18148_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>
          </div>
        </div>
        <div id="u18144_state4" class="panel_state" data-label="State5" style="visibility: hidden;">
          <div id="u18144_state4_content" class="panel_state_content">

            <!-- Unnamed (图片 ) -->
            <div id="u18149" class="ax_default _图片_">
              <img id="u18149_img" class="img " src="images/用户流程图/u749.svg"/>
              <div id="u18149_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>
          </div>
        </div>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u18150" class="ax_default" data-left="792" data-top="780" data-width="168" data-height="26">

        <!-- 1 (圆形) -->
        <div id="u18151" class="ax_default ellipse1" data-label="1" selectiongroup="轮播点">
          <img id="u18151_img" class="img " src="images/用户流程图/1_u751.svg"/>
          <div id="u18151_text" class="text ">
            <p><span>1</span></p>
          </div>
        </div>

        <!-- 4 (圆形) -->
        <div id="u18152" class="ax_default ellipse1" data-label="4" selectiongroup="轮播点">
          <img id="u18152_img" class="img " src="images/用户流程图/1_u751.svg"/>
          <div id="u18152_text" class="text ">
            <p><span>4</span></p>
          </div>
        </div>

        <!-- 3 (圆形) -->
        <div id="u18153" class="ax_default ellipse1" data-label="3" selectiongroup="轮播点">
          <img id="u18153_img" class="img " src="images/用户流程图/1_u751.svg"/>
          <div id="u18153_text" class="text ">
            <p><span>3</span></p>
          </div>
        </div>

        <!-- 2 (圆形) -->
        <div id="u18154" class="ax_default ellipse1" data-label="2" selectiongroup="轮播点">
          <img id="u18154_img" class="img " src="images/用户流程图/1_u751.svg"/>
          <div id="u18154_text" class="text ">
            <p><span>2</span></p>
          </div>
        </div>

        <!-- 5 (圆形) -->
        <div id="u18155" class="ax_default ellipse1" data-label="5" selectiongroup="轮播点">
          <img id="u18155_img" class="img " src="images/用户流程图/1_u751.svg"/>
          <div id="u18155_text" class="text ">
            <p><span>5</span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (文本框) -->
      <div id="u18156" class="ax_default text_field">
        <div id="u18156_div" class=""></div>
        <input id="u18156_input" type="text" value="Search" class="u18156_input"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u18157" class="ax_default label">
        <div id="u18157_div" class=""></div>
        <div id="u18157_text" class="text ">
          <p><span>推荐</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u18158" class="ax_default label">
        <div id="u18158_div" class=""></div>
        <div id="u18158_text" class="text ">
          <p><span>免费</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u18159" class="ax_default label">
        <div id="u18159_div" class=""></div>
        <div id="u18159_text" class="text ">
          <p><span>实战</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u18160" class="ax_default label">
        <div id="u18160_div" class=""></div>
        <div id="u18160_text" class="text ">
          <p><span>专栏</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u18161" class="ax_default label">
        <div id="u18161_div" class=""></div>
        <div id="u18161_text" class="text ">
          <p><span>金职位 </span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u18162" class="ax_default label">
        <div id="u18162_div" class=""></div>
        <div id="u18162_text" class="text ">
          <p style="font-size:48px;"><span style="font-family:'Arial Negreta', 'Arial Normal', 'Arial', sans-serif;font-weight:700;"><br></span></p><p style="font-size:28px;"><span style="font-family:'Arial Normal', 'Arial', sans-serif;font-weight:400;"><br></span></p><p style="font-size:28px;"><span style="font-family:'Arial Normal', 'Arial', sans-serif;font-weight:400;">1.顶部为搜索栏，可以使用关键词搜索到app里的所有课程</span></p><p style="font-size:28px;"><span style="font-family:'Arial Normal', 'Arial', sans-serif;font-weight:400;"><br></span></p><p style="font-size:28px;"><span style="font-family:'Arial Normal', 'Arial', sans-serif;font-weight:400;">2.顶部相机元件的功能为扫码</span></p><p style="font-size:28px;"><span style="font-family:'Arial Normal', 'Arial', sans-serif;font-weight:400;"><br></span></p><p style="font-size:28px;"><span style="font-family:'Arial Normal', 'Arial', sans-serif;font-weight:400;">3.通过单击顶部导航栏可以切换浏览推荐课程和已学课程</span></p><p style="font-size:28px;"><span style="font-family:'Arial Normal', 'Arial', sans-serif;font-weight:400;"><br></span></p><p style="font-size:28px;"><span style="font-family:'Arial Normal', 'Arial', sans-serif;font-weight:400;">4.然后是根据课程的属性设置的按钮，分别是推荐、免费、实战、金职位、专栏，点进去的页面对应不同属性的课程</span></p><p style="font-size:28px;"><span style="font-family:'Arial Normal', 'Arial', sans-serif;font-weight:400;"><br></span></p><p style="font-size:28px;"><span style="font-family:'Arial Normal', 'Arial', sans-serif;font-weight:400;">5.轮播图展示的是热门课程，展示逻辑为近三天内全&nbsp; app点击量和播放量最高的课程以及每天的新课程推荐，数量为 5个</span></p><p style="font-size:28px;"><span style="font-family:'Arial Normal', 'Arial', sans-serif;font-weight:400;"><br></span></p><p style="font-size:28px;"><span style="font-family:'Arial Normal', 'Arial', sans-serif;font-weight:400;">6.下方为推荐、免费、实战、金职位、专栏五大模块的分类课程，用户通过左右滑动手势切换模块，可根据自己的需求学习</span></p><p style="font-size:28px;"><span style="font-family:'Arial Normal', 'Arial', sans-serif;font-weight:400;"><br></span></p><p style="font-size:28px;"><span style="font-family:'Arial Normal', 'Arial', sans-serif;font-weight:400;">7.用户单击已学课程按键，进入课程-已学课程页面，并默认进入我的课程模块</span></p><p style="font-size:28px;"><span style="font-family:'Arial Normal', 'Arial', sans-serif;font-weight:400;"><br></span></p><p style="font-size:28px;"><span style="font-family:'Arial Normal', 'Arial', sans-serif;font-weight:400;">8.教师用户可以在cms后台的课程管理页面编辑管理课程内容（设为精品付费，课程内容编辑等），系统权限用户可以在课程管理页面对进行课程进行分类，设为推荐，撤销下架处理等；也可以在后台对轮播图替换和设置高亮内容</span></p>
        </div>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u18163" class="ax_default" data-left="554.5" data-top="857.5" data-width="130.5" data-height="36">

        <!-- Unnamed (矩形) -->
        <div id="u18164" class="ax_default label">
          <div id="u18164_div" class=""></div>
          <div id="u18164_text" class="text ">
            <p><span>精品体系课</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u18165" class="ax_default flow_shape">
          <div id="u18165_div" class=""></div>
          <div id="u18165_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u18166" class="ax_default" data-left="559" data-top="909" data-width="449" data-height="266">

        <!-- Unnamed (组合) -->
        <div id="u18167" class="ax_default" data-left="559" data-top="909" data-width="449" data-height="266">

          <!-- Unnamed (矩形) -->
          <div id="u18168" class="ax_default flow_shape">
            <img id="u18168_img" class="img " src="images/用户流程图/u767.svg"/>
            <div id="u18168_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u18169" class="ax_default flow_shape">
            <img id="u18169_img" class="img " src="images/用户流程图/u768.svg"/>
            <div id="u18169_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u18170" class="ax_default flow_shape">
            <div id="u18170_div" class=""></div>
            <div id="u18170_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u18171" class="ax_default flow_shape">
            <img id="u18171_img" class="img " src="images/用户流程图/u770.svg"/>
            <div id="u18171_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u18172" class="ax_default flow_shape">
            <img id="u18172_img" class="img " src="images/用户流程图/u771.svg"/>
            <div id="u18172_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u18173" class="ax_default label">
          <div id="u18173_div" class=""></div>
          <div id="u18173_text" class="text ">
            <p><span>java工程师</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u18174" class="ax_default label">
          <div id="u18174_div" class=""></div>
          <div id="u18174_text" class="text ">
            <p><span>前端工程师</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u18175" class="ax_default label">
          <div id="u18175_div" class=""></div>
          <div id="u18175_text" class="text ">
            <p><span>web前端架构师</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u18176" class="ax_default label">
          <div id="u18176_div" class=""></div>
          <div id="u18176_text" class="text ">
            <p><span>Python工程师</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u18177" class="ax_default label">
          <div id="u18177_div" class=""></div>
          <div id="u18177_text" class="text ">
            <p><span>Java架构师、技术专家</span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u18178" class="ax_default" data-left="1352" data-top="259" data-width="586" data-height="1143">

        <!-- Unnamed (组合) -->
        <div id="u18179" class="ax_default" data-left="1382" data-top="1254" data-width="495" data-height="90">

          <!-- Unnamed (矩形) -->
          <div id="u18180" class="ax_default box_1">
            <div id="u18180_div" class=""></div>
            <div id="u18180_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>
        </div>

        <!-- Unnamed (组合) -->
        <div id="u18181" class="ax_default" data-left="1403" data-top="1307" data-width="70" data-height="24">

          <!-- Unnamed (矩形) -->
          <div id="u18182" class="ax_default label">
            <div id="u18182_div" class=""></div>
            <div id="u18182_text" class="text ">
              <p><span>就业</span></p>
            </div>
          </div>
        </div>

        <!-- Unnamed (组合) -->
        <div id="u18183" class="ax_default" data-left="1420" data-top="1271" data-width="33" data-height="33">

          <!-- Unnamed (形状) -->
          <div id="u18184" class="ax_default _形状">
            <img id="u18184_img" class="img " src="images/用户流程图/u695.svg"/>
            <div id="u18184_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>

          <!-- Unnamed (形状) -->
          <div id="u18185" class="ax_default _形状">
            <img id="u18185_img" class="img " src="images/用户流程图/u696.svg"/>
            <div id="u18185_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>

          <!-- Unnamed (形状) -->
          <div id="u18186" class="ax_default _形状">
            <img id="u18186_img" class="img " src="images/用户流程图/u697.svg"/>
            <div id="u18186_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>
        </div>

        <!-- Unnamed (组合) -->
        <div id="u18187" class="ax_default" data-left="1518" data-top="1271" data-width="53" data-height="60">

          <!-- Unnamed (组合) -->
          <div id="u18188" class="ax_default" data-left="1518" data-top="1307" data-width="53" data-height="24">

            <!-- Unnamed (矩形) -->
            <div id="u18189" class="ax_default label">
              <div id="u18189_div" class=""></div>
              <div id="u18189_text" class="text ">
                <p><span>课程</span></p>
              </div>
            </div>

            <!-- Unnamed (组合) -->
            <div id="u18190" class="ax_default" data-left="0" data-top="0" data-width="0" data-height="0">
            </div>
          </div>

          <!-- Unnamed (组合) -->
          <div id="u18191" class="ax_default" data-left="1518" data-top="1271" data-width="33" data-height="33">

            <!-- Unnamed (形状) -->
            <div id="u18192" class="ax_default _形状">
              <img id="u18192_img" class="img " src="images/用户流程图/u804.svg"/>
              <div id="u18192_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- Unnamed (形状) -->
            <div id="u18193" class="ax_default _形状">
              <img id="u18193_img" class="img " src="images/用户流程图/u805.svg"/>
              <div id="u18193_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>
          </div>
        </div>

        <!-- Unnamed (组合) -->
        <div id="u18194" class="ax_default" data-left="1714" data-top="1276" data-width="48" data-height="55">

          <!-- Unnamed (组合) -->
          <div id="u18195" class="ax_default" data-left="1716" data-top="1307" data-width="46" data-height="24">

            <!-- Unnamed (矩形) -->
            <div id="u18196" class="ax_default label">
              <div id="u18196_div" class=""></div>
              <div id="u18196_text" class="text ">
                <p><span>资讯</span></p>
              </div>
            </div>

            <!-- Unnamed (组合) -->
            <div id="u18197" class="ax_default" data-left="0" data-top="0" data-width="0" data-height="0">
            </div>
          </div>

          <!-- Unnamed (形状) -->
          <div id="u18198" class="ax_default icon">
            <img id="u18198_img" class="img " src="images/元件/u20.svg"/>
            <div id="u18198_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>
        </div>

        <!-- Unnamed (组合) -->
        <div id="u18199" class="ax_default" data-left="1616" data-top="1271" data-width="52" data-height="60">

          <!-- Unnamed (组合) -->
          <div id="u18200" class="ax_default" data-left="1616" data-top="1307" data-width="52" data-height="24">

            <!-- Unnamed (矩形) -->
            <div id="u18201" class="ax_default label">
              <div id="u18201_div" class=""></div>
              <div id="u18201_text" class="text ">
                <p><span>社群</span></p>
              </div>
            </div>

            <!-- Unnamed (组合) -->
            <div id="u18202" class="ax_default" data-left="0" data-top="0" data-width="0" data-height="0">
            </div>
          </div>

          <!-- Unnamed (形状) -->
          <div id="u18203" class="ax_default icon">
            <img id="u18203_img" class="img " src="images/元件/u25.svg"/>
            <div id="u18203_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>
        </div>

        <!-- Unnamed (组合) -->
        <div id="u18204" class="ax_default" data-left="1810" data-top="1271" data-width="53" data-height="60">

          <!-- Unnamed (组合) -->
          <div id="u18205" class="ax_default" data-left="1810" data-top="1307" data-width="53" data-height="24">

            <!-- Unnamed (矩形) -->
            <div id="u18206" class="ax_default label">
              <div id="u18206_div" class=""></div>
              <div id="u18206_text" class="text ">
                <p><span>我的</span></p>
              </div>
            </div>

            <!-- Unnamed (组合) -->
            <div id="u18207" class="ax_default" data-left="0" data-top="0" data-width="0" data-height="0">
            </div>
          </div>

          <!-- Unnamed (形状) -->
          <div id="u18208" class="ax_default icon">
            <img id="u18208_img" class="img " src="images/元件/u30.svg"/>
            <div id="u18208_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>
        </div>

        <!-- Unnamed (组合) -->
        <div id="u18209" class="ax_default" data-left="1668" data-top="296" data-width="79" data-height="15">

          <!-- Unnamed (图片 ) -->
          <div id="u18210" class="ax_default image1">
            <img id="u18210_img" class="img " src="images/元件/u38.png"/>
            <div id="u18210_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>

          <!-- Unnamed (形状) -->
          <div id="u18211" class="ax_default icon">
            <img id="u18211_img" class="img " src="images/元件/u39.svg"/>
            <div id="u18211_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>

          <!-- Unnamed (形状) -->
          <div id="u18212" class="ax_default icon">
            <img id="u18212_img" class="img " src="images/元件/u40.svg"/>
            <div id="u18212_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u18213" class="ax_default label">
          <div id="u18213_div" class=""></div>
          <div id="u18213_text" class="text ">
            <p><span>7:00</span></p>
          </div>
        </div>

        <!-- Unnamed (组合) -->
        <div id="u18214" class="ax_default" data-left="1773" data-top="304" data-width="79" data-height="15">

          <!-- Unnamed (图片 ) -->
          <div id="u18215" class="ax_default image1">
            <img id="u18215_img" class="img " src="images/元件/u38.png"/>
            <div id="u18215_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>

          <!-- Unnamed (形状) -->
          <div id="u18216" class="ax_default icon">
            <img id="u18216_img" class="img " src="images/元件/u39.svg"/>
            <div id="u18216_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>

          <!-- Unnamed (形状) -->
          <div id="u18217" class="ax_default icon">
            <img id="u18217_img" class="img " src="images/元件/u40.svg"/>
            <div id="u18217_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>
        </div>

        <!-- Unnamed (组合) -->
        <div id="u18218" class="ax_default" data-left="1352" data-top="259" data-width="586" data-height="1143">

          <!-- Unnamed (矩形) -->
          <div id="u18219" class="ax_default _默认样式">
            <div id="u18219_div" class=""></div>
            <div id="u18219_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>

          <!-- Unnamed (图片 ) -->
          <div id="u18220" class="ax_default image">
            <img id="u18220_img" class="img " src="images/元件/u33.png"/>
            <div id="u18220_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>

          <!-- Unnamed (图片 ) -->
          <div id="u18221" class="ax_default image">
            <img id="u18221_img" class="img " src="images/元件/u34.png"/>
            <div id="u18221_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>

          <!-- Unnamed (图片 ) -->
          <div id="u18222" class="ax_default image">
            <img id="u18222_img" class="img " src="images/元件/u35.png"/>
            <div id="u18222_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>

          <!-- Unnamed (图片 ) -->
          <div id="u18223" class="ax_default image">
            <img id="u18223_img" class="img " src="images/元件/u36.png"/>
            <div id="u18223_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u18224" class="ax_default box_1">
        <img id="u18224_img" class="img " src="images/用户流程图/u735.svg"/>
        <div id="u18224_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u18225" class="ax_default box_1">
        <div id="u18225_div" class=""></div>
        <div id="u18225_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (图片 ) -->
      <div id="u18226" class="ax_default _图片">
        <img id="u18226_img" class="img " src="images/元件/u49.png"/>
        <div id="u18226_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (形状) -->
      <div id="u18227" class="ax_default icon">
        <img id="u18227_img" class="img " src="images/用户流程图/u738.svg"/>
        <div id="u18227_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u18228" class="ax_default box_1">
        <div id="u18228_div" class=""></div>
        <div id="u18228_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u18229" class="ax_default box_1">
        <div id="u18229_div" class=""></div>
        <div id="u18229_text" class="text ">
          <p><span>推荐课程</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u18230" class="ax_default box_1">
        <div id="u18230_div" class=""></div>
        <div id="u18230_text" class="text ">
          <p><span>已学课程</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u18231" class="ax_default box_1">
        <div id="u18231_div" class=""></div>
        <div id="u18231_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u18232" class="ax_default label">
        <div id="u18232_div" class=""></div>
        <div id="u18232_text" class="text ">
          <p><span>我的课程</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u18233" class="ax_default label">
        <div id="u18233_div" class=""></div>
        <div id="u18233_text" class="text ">
          <p><span>我的测试&nbsp; &nbsp; </span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u18234" class="ax_default flow_shape">
        <div id="u18234_div" class=""></div>
        <div id="u18234_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u18235" class="ax_default" data-left="1406.5" data-top="554.5" data-width="122.5" data-height="36">

        <!-- Unnamed (矩形) -->
        <div id="u18236" class="ax_default label">
          <div id="u18236_div" class=""></div>
          <div id="u18236_text" class="text ">
            <p><span>计算机&nbsp; </span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u18237" class="ax_default flow_shape">
          <div id="u18237_div" class=""></div>
          <div id="u18237_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (文本框) -->
      <div id="u18238" class="ax_default text_field">
        <div id="u18238_div" class=""></div>
        <input id="u18238_input" type="text" value="Search" class="u18238_input"/>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u18239" class="ax_default" data-left="1420" data-top="621" data-width="435" data-height="225">

        <!-- Unnamed (矩形) -->
        <div id="u18240" class="ax_default box_1">
          <div id="u18240_div" class=""></div>
          <div id="u18240_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>

        <!-- Unnamed (图片 ) -->
        <div id="u18241" class="ax_default _图片_">
          <img id="u18241_img" class="img " src="images/已学课程分类/u11347.svg"/>
          <div id="u18241_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u18242" class="ax_default label">
          <div id="u18242_div" class=""></div>
          <div id="u18242_text" class="text ">
            <p><span>Python语言实战</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u18243" class="ax_default label">
          <div id="u18243_div" class=""></div>
          <div id="u18243_text" class="text ">
            <p><span>张某某</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u18244" class="ax_default label">
          <div id="u18244_div" class=""></div>
          <div id="u18244_text" class="text ">
            <p><span>牛津大学 副教授</span></p>
          </div>
        </div>

        <!-- Unnamed (形状) -->
        <div id="u18245" class="ax_default icon">
          <img id="u18245_img" class="img " src="images/用户流程图/u848.svg"/>
          <div id="u18245_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>

        <!-- Unnamed (形状) -->
        <div id="u18246" class="ax_default primary_button">
          <img id="u18246_img" class="img " src="images/用户流程图/u849.svg"/>
          <div id="u18246_text" class="text ">
            <p><span>参加测试</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u18247" class="ax_default label">
          <div id="u18247_div" class=""></div>
          <div id="u18247_text" class="text ">
            <p><span>授课时间：周日8：00-10：00</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u18248" class="ax_default label">
          <div id="u18248_div" class=""></div>
          <div id="u18248_text" class="text ">
            <p><span>200人学习中</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u18249" class="ax_default flow_shape">
          <div id="u18249_div" class=""></div>
          <div id="u18249_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u18250" class="ax_default flow_shape">
          <div id="u18250_div" class=""></div>
          <div id="u18250_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u18251" class="ax_default _三级标题">
          <div id="u18251_div" class=""></div>
          <div id="u18251_text" class="text ">
            <p><span>已学42/58课时</span></p>
          </div>
        </div>

        <!-- Unnamed (形状) -->
        <div id="u18252" class="ax_default primary_button">
          <img id="u18252_img" class="img " src="images/用户流程图/u855.svg"/>
          <div id="u18252_text" class="text ">
            <p><span>继续学习</span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u18253" class="ax_default" data-left="1420" data-top="883" data-width="435" data-height="225">

        <!-- Unnamed (矩形) -->
        <div id="u18254" class="ax_default box_1">
          <div id="u18254_div" class=""></div>
          <div id="u18254_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>

        <!-- Unnamed (图片 ) -->
        <div id="u18255" class="ax_default _图片_">
          <img id="u18255_img" class="img " src="images/用户流程图/u858.svg"/>
          <div id="u18255_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u18256" class="ax_default label">
          <div id="u18256_div" class=""></div>
          <div id="u18256_text" class="text ">
            <p><span>java语言设计&nbsp; </span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u18257" class="ax_default label">
          <div id="u18257_div" class=""></div>
          <div id="u18257_text" class="text ">
            <p><span>张某某</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u18258" class="ax_default label">
          <div id="u18258_div" class=""></div>
          <div id="u18258_text" class="text ">
            <p><span>牛津大学 副教授</span></p>
          </div>
        </div>

        <!-- Unnamed (形状) -->
        <div id="u18259" class="ax_default icon">
          <img id="u18259_img" class="img " src="images/用户流程图/u848.svg"/>
          <div id="u18259_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>

        <!-- Unnamed (形状) -->
        <div id="u18260" class="ax_default primary_button">
          <img id="u18260_img" class="img " src="images/用户流程图/u849.svg"/>
          <div id="u18260_text" class="text ">
            <p><span>参加测试</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u18261" class="ax_default label">
          <div id="u18261_div" class=""></div>
          <div id="u18261_text" class="text ">
            <p><span>授课时间：周日8：00-10：00</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u18262" class="ax_default label">
          <div id="u18262_div" class=""></div>
          <div id="u18262_text" class="text ">
            <p><span>200人学习中</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u18263" class="ax_default flow_shape">
          <div id="u18263_div" class=""></div>
          <div id="u18263_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u18264" class="ax_default flow_shape">
          <div id="u18264_div" class=""></div>
          <div id="u18264_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u18265" class="ax_default _三级标题">
          <div id="u18265_div" class=""></div>
          <div id="u18265_text" class="text ">
            <p><span>已学42/58课时</span></p>
          </div>
        </div>

        <!-- Unnamed (形状) -->
        <div id="u18266" class="ax_default primary_button">
          <img id="u18266_img" class="img " src="images/用户流程图/u855.svg"/>
          <div id="u18266_text" class="text ">
            <p><span>继续学习</span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u18267" class="ax_default" data-left="2223" data-top="265" data-width="586" data-height="1143">

        <!-- Unnamed (组合) -->
        <div id="u18268" class="ax_default" data-left="2223" data-top="265" data-width="586" data-height="1143">

          <!-- Unnamed (矩形) -->
          <div id="u18269" class="ax_default _默认样式">
            <div id="u18269_div" class=""></div>
            <div id="u18269_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>

          <!-- Unnamed (图片 ) -->
          <div id="u18270" class="ax_default image">
            <img id="u18270_img" class="img " src="images/元件/u33.png"/>
            <div id="u18270_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>

          <!-- Unnamed (图片 ) -->
          <div id="u18271" class="ax_default image">
            <img id="u18271_img" class="img " src="images/元件/u34.png"/>
            <div id="u18271_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>

          <!-- Unnamed (图片 ) -->
          <div id="u18272" class="ax_default image">
            <img id="u18272_img" class="img " src="images/元件/u35.png"/>
            <div id="u18272_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>

          <!-- Unnamed (图片 ) -->
          <div id="u18273" class="ax_default image">
            <img id="u18273_img" class="img " src="images/元件/u36.png"/>
            <div id="u18273_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u18274" class="ax_default label">
          <div id="u18274_div" class=""></div>
          <div id="u18274_text" class="text ">
            <p><span>7:00</span></p>
          </div>
        </div>

        <!-- Unnamed (组合) -->
        <div id="u18275" class="ax_default" data-left="2647" data-top="312" data-width="79" data-height="15">

          <!-- Unnamed (图片 ) -->
          <div id="u18276" class="ax_default image1">
            <img id="u18276_img" class="img " src="images/元件/u38.png"/>
            <div id="u18276_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>

          <!-- Unnamed (形状) -->
          <div id="u18277" class="ax_default icon">
            <img id="u18277_img" class="img " src="images/元件/u39.svg"/>
            <div id="u18277_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>

          <!-- Unnamed (形状) -->
          <div id="u18278" class="ax_default icon">
            <img id="u18278_img" class="img " src="images/元件/u40.svg"/>
            <div id="u18278_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>
        </div>

        <!-- Unnamed (组合) -->
        <div id="u18279" class="ax_default" data-left="2262" data-top="1254" data-width="495" data-height="90">

          <!-- Unnamed (矩形) -->
          <div id="u18280" class="ax_default box_1">
            <div id="u18280_div" class=""></div>
            <div id="u18280_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>
        </div>

        <!-- Unnamed (组合) -->
        <div id="u18281" class="ax_default" data-left="2274" data-top="1305" data-width="70" data-height="24">

          <!-- Unnamed (矩形) -->
          <div id="u18282" class="ax_default label">
            <div id="u18282_div" class=""></div>
            <div id="u18282_text" class="text ">
              <p><span>就业</span></p>
            </div>
          </div>
        </div>

        <!-- Unnamed (组合) -->
        <div id="u18283" class="ax_default" data-left="2291" data-top="1269" data-width="33" data-height="33">

          <!-- Unnamed (形状) -->
          <div id="u18284" class="ax_default _形状">
            <img id="u18284_img" class="img " src="images/用户流程图/u695.svg"/>
            <div id="u18284_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>

          <!-- Unnamed (形状) -->
          <div id="u18285" class="ax_default _形状">
            <img id="u18285_img" class="img " src="images/用户流程图/u696.svg"/>
            <div id="u18285_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>

          <!-- Unnamed (形状) -->
          <div id="u18286" class="ax_default _形状">
            <img id="u18286_img" class="img " src="images/用户流程图/u697.svg"/>
            <div id="u18286_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>
        </div>

        <!-- Unnamed (组合) -->
        <div id="u18287" class="ax_default" data-left="2389" data-top="1269" data-width="53" data-height="60">

          <!-- Unnamed (组合) -->
          <div id="u18288" class="ax_default" data-left="2389" data-top="1305" data-width="53" data-height="24">

            <!-- Unnamed (矩形) -->
            <div id="u18289" class="ax_default label">
              <div id="u18289_div" class=""></div>
              <div id="u18289_text" class="text ">
                <p><span>课程</span></p>
              </div>
            </div>

            <!-- Unnamed (组合) -->
            <div id="u18290" class="ax_default" data-left="0" data-top="0" data-width="0" data-height="0">
            </div>
          </div>

          <!-- Unnamed (组合) -->
          <div id="u18291" class="ax_default" data-left="2389" data-top="1269" data-width="33" data-height="33">

            <!-- Unnamed (形状) -->
            <div id="u18292" class="ax_default _形状">
              <img id="u18292_img" class="img " src="images/用户流程图/u703.svg"/>
              <div id="u18292_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- Unnamed (形状) -->
            <div id="u18293" class="ax_default _形状">
              <img id="u18293_img" class="img " src="images/用户流程图/u805.svg"/>
              <div id="u18293_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>
          </div>
        </div>

        <!-- Unnamed (组合) -->
        <div id="u18294" class="ax_default" data-left="2585" data-top="1274" data-width="48" data-height="55">

          <!-- Unnamed (组合) -->
          <div id="u18295" class="ax_default" data-left="2587" data-top="1305" data-width="46" data-height="24">

            <!-- Unnamed (矩形) -->
            <div id="u18296" class="ax_default label">
              <div id="u18296_div" class=""></div>
              <div id="u18296_text" class="text ">
                <p><span>资讯</span></p>
              </div>
            </div>

            <!-- Unnamed (组合) -->
            <div id="u18297" class="ax_default" data-left="0" data-top="0" data-width="0" data-height="0">
            </div>
          </div>

          <!-- Unnamed (形状) -->
          <div id="u18298" class="ax_default icon">
            <img id="u18298_img" class="img " src="images/元件/u20.svg"/>
            <div id="u18298_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>
        </div>

        <!-- Unnamed (组合) -->
        <div id="u18299" class="ax_default" data-left="2487" data-top="1269" data-width="52" data-height="60">

          <!-- Unnamed (组合) -->
          <div id="u18300" class="ax_default" data-left="2487" data-top="1305" data-width="52" data-height="24">

            <!-- Unnamed (矩形) -->
            <div id="u18301" class="ax_default label">
              <div id="u18301_div" class=""></div>
              <div id="u18301_text" class="text ">
                <p><span>社群</span></p>
              </div>
            </div>

            <!-- Unnamed (组合) -->
            <div id="u18302" class="ax_default" data-left="0" data-top="0" data-width="0" data-height="0">
            </div>
          </div>

          <!-- Unnamed (形状) -->
          <div id="u18303" class="ax_default icon">
            <img id="u18303_img" class="img " src="images/元件/u25.svg"/>
            <div id="u18303_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>
        </div>

        <!-- Unnamed (组合) -->
        <div id="u18304" class="ax_default" data-left="2681" data-top="1269" data-width="53" data-height="60">

          <!-- Unnamed (组合) -->
          <div id="u18305" class="ax_default" data-left="2681" data-top="1305" data-width="53" data-height="24">

            <!-- Unnamed (矩形) -->
            <div id="u18306" class="ax_default label">
              <div id="u18306_div" class=""></div>
              <div id="u18306_text" class="text ">
                <p><span>我的</span></p>
              </div>
            </div>

            <!-- Unnamed (组合) -->
            <div id="u18307" class="ax_default" data-left="0" data-top="0" data-width="0" data-height="0">
            </div>
          </div>

          <!-- Unnamed (形状) -->
          <div id="u18308" class="ax_default icon">
            <img id="u18308_img" class="img " src="images/元件/u30.svg"/>
            <div id="u18308_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u18309" class="ax_default box_1">
        <img id="u18309_img" class="img " src="images/用户流程图/u735.svg"/>
        <div id="u18309_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u18310" class="ax_default box_1">
        <div id="u18310_div" class=""></div>
        <div id="u18310_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (图片 ) -->
      <div id="u18311" class="ax_default _图片">
        <img id="u18311_img" class="img " src="images/元件/u49.png"/>
        <div id="u18311_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (形状) -->
      <div id="u18312" class="ax_default icon">
        <img id="u18312_img" class="img " src="images/用户流程图/u738.svg"/>
        <div id="u18312_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u18313" class="ax_default box_1">
        <div id="u18313_div" class=""></div>
        <div id="u18313_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u18314" class="ax_default box_1">
        <div id="u18314_div" class=""></div>
        <div id="u18314_text" class="text ">
          <p><span>推荐课程</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u18315" class="ax_default box_1">
        <div id="u18315_div" class=""></div>
        <div id="u18315_text" class="text ">
          <p><span>已学课程</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u18316" class="ax_default box_1">
        <div id="u18316_div" class=""></div>
        <div id="u18316_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u18317" class="ax_default label">
        <div id="u18317_div" class=""></div>
        <div id="u18317_text" class="text ">
          <p><span>我的课程</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u18318" class="ax_default label">
        <div id="u18318_div" class=""></div>
        <div id="u18318_text" class="text ">
          <p><span>我的测试&nbsp; &nbsp; </span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u18319" class="ax_default flow_shape">
        <div id="u18319_div" class=""></div>
        <div id="u18319_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u18320" class="ax_default" data-left="2277.5" data-top="554.5" data-width="180.5" data-height="36">

        <!-- Unnamed (矩形) -->
        <div id="u18321" class="ax_default label">
          <div id="u18321_div" class=""></div>
          <div id="u18321_text" class="text ">
            <p><span>python语言实战 </span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u18322" class="ax_default flow_shape">
          <div id="u18322_div" class=""></div>
          <div id="u18322_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (文本框) -->
      <div id="u18323" class="ax_default text_field">
        <div id="u18323_div" class=""></div>
        <input id="u18323_input" type="text" value="Search" class="u18323_input"/>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u18324" class="ax_default" data-left="2271" data-top="623" data-width="463" data-height="50">

        <!-- Unnamed (矩形) -->
        <div id="u18325" class="ax_default flow_shape">
          <div id="u18325_div" class=""></div>
          <div id="u18325_text" class="text ">
            <p><span>第一章</span></p>
          </div>
        </div>

        <!-- Unnamed (形状) -->
        <div id="u18326" class="ax_default icon">
          <img id="u18326_img" class="img " src="images/已学课程分类/u11432.svg"/>
          <div id="u18326_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u18327" class="ax_default" data-left="2271" data-top="698" data-width="463" data-height="50">

        <!-- Unnamed (矩形) -->
        <div id="u18328" class="ax_default flow_shape">
          <div id="u18328_div" class=""></div>
          <div id="u18328_text" class="text ">
            <p><span>第二章</span></p>
          </div>
        </div>

        <!-- Unnamed (形状) -->
        <div id="u18329" class="ax_default icon">
          <img id="u18329_img" class="img " src="images/已学课程分类/u11432.svg"/>
          <div id="u18329_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u18330" class="ax_default flow_shape">
        <div id="u18330_div" class=""></div>
        <div id="u18330_text" class="text ">
          <p><span>第四章</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u18331" class="ax_default flow_shape">
        <div id="u18331_div" class=""></div>
        <div id="u18331_text" class="text ">
          <p><span>第五章</span></p>
        </div>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u18332" class="ax_default" data-left="2271" data-top="773" data-width="463" data-height="50">

        <!-- Unnamed (矩形) -->
        <div id="u18333" class="ax_default flow_shape">
          <div id="u18333_div" class=""></div>
          <div id="u18333_text" class="text ">
            <p><span>第三 章</span></p>
          </div>
        </div>

        <!-- Unnamed (形状) -->
        <div id="u18334" class="ax_default icon">
          <img id="u18334_img" class="img " src="images/已学课程分类/u11432.svg"/>
          <div id="u18334_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u18335" class="ax_default flow_shape">
        <div id="u18335_div" class=""></div>
        <div id="u18335_text" class="text ">
          <p><span>第五章</span></p>
        </div>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u18336" class="ax_default" data-left="3225" data-top="259" data-width="586" data-height="1143">

        <!-- Unnamed (组合) -->
        <div id="u18337" class="ax_default" data-left="3255" data-top="1254" data-width="495" data-height="90">

          <!-- Unnamed (矩形) -->
          <div id="u18338" class="ax_default box_1">
            <div id="u18338_div" class=""></div>
            <div id="u18338_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>
        </div>

        <!-- Unnamed (组合) -->
        <div id="u18339" class="ax_default" data-left="3276" data-top="1307" data-width="70" data-height="24">

          <!-- Unnamed (矩形) -->
          <div id="u18340" class="ax_default label">
            <div id="u18340_div" class=""></div>
            <div id="u18340_text" class="text ">
              <p><span>就业</span></p>
            </div>
          </div>
        </div>

        <!-- Unnamed (组合) -->
        <div id="u18341" class="ax_default" data-left="3293" data-top="1271" data-width="33" data-height="33">

          <!-- Unnamed (形状) -->
          <div id="u18342" class="ax_default _形状">
            <img id="u18342_img" class="img " src="images/用户流程图/u695.svg"/>
            <div id="u18342_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>

          <!-- Unnamed (形状) -->
          <div id="u18343" class="ax_default _形状">
            <img id="u18343_img" class="img " src="images/用户流程图/u696.svg"/>
            <div id="u18343_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>

          <!-- Unnamed (形状) -->
          <div id="u18344" class="ax_default _形状">
            <img id="u18344_img" class="img " src="images/用户流程图/u697.svg"/>
            <div id="u18344_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>
        </div>

        <!-- Unnamed (组合) -->
        <div id="u18345" class="ax_default" data-left="3391" data-top="1271" data-width="53" data-height="60">

          <!-- Unnamed (组合) -->
          <div id="u18346" class="ax_default" data-left="3391" data-top="1307" data-width="53" data-height="24">

            <!-- Unnamed (矩形) -->
            <div id="u18347" class="ax_default label">
              <div id="u18347_div" class=""></div>
              <div id="u18347_text" class="text ">
                <p><span>课程</span></p>
              </div>
            </div>

            <!-- Unnamed (组合) -->
            <div id="u18348" class="ax_default" data-left="0" data-top="0" data-width="0" data-height="0">
            </div>
          </div>

          <!-- Unnamed (组合) -->
          <div id="u18349" class="ax_default" data-left="3391" data-top="1271" data-width="33" data-height="33">

            <!-- Unnamed (形状) -->
            <div id="u18350" class="ax_default _形状">
              <img id="u18350_img" class="img " src="images/用户流程图/u703.svg"/>
              <div id="u18350_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- Unnamed (形状) -->
            <div id="u18351" class="ax_default _形状">
              <img id="u18351_img" class="img " src="images/用户流程图/u704.svg"/>
              <div id="u18351_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>
          </div>
        </div>

        <!-- Unnamed (组合) -->
        <div id="u18352" class="ax_default" data-left="3587" data-top="1276" data-width="48" data-height="55">

          <!-- Unnamed (组合) -->
          <div id="u18353" class="ax_default" data-left="3589" data-top="1307" data-width="46" data-height="24">

            <!-- Unnamed (矩形) -->
            <div id="u18354" class="ax_default label">
              <div id="u18354_div" class=""></div>
              <div id="u18354_text" class="text ">
                <p><span>资讯</span></p>
              </div>
            </div>

            <!-- Unnamed (组合) -->
            <div id="u18355" class="ax_default" data-left="0" data-top="0" data-width="0" data-height="0">
            </div>
          </div>

          <!-- Unnamed (形状) -->
          <div id="u18356" class="ax_default icon">
            <img id="u18356_img" class="img " src="images/元件/u20.svg"/>
            <div id="u18356_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>
        </div>

        <!-- Unnamed (组合) -->
        <div id="u18357" class="ax_default" data-left="3489" data-top="1271" data-width="52" data-height="60">

          <!-- Unnamed (组合) -->
          <div id="u18358" class="ax_default" data-left="3489" data-top="1307" data-width="52" data-height="24">

            <!-- Unnamed (矩形) -->
            <div id="u18359" class="ax_default label">
              <div id="u18359_div" class=""></div>
              <div id="u18359_text" class="text ">
                <p><span>社群</span></p>
              </div>
            </div>

            <!-- Unnamed (组合) -->
            <div id="u18360" class="ax_default" data-left="0" data-top="0" data-width="0" data-height="0">
            </div>
          </div>

          <!-- Unnamed (形状) -->
          <div id="u18361" class="ax_default icon">
            <img id="u18361_img" class="img " src="images/元件/u25.svg"/>
            <div id="u18361_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>
        </div>

        <!-- Unnamed (组合) -->
        <div id="u18362" class="ax_default" data-left="3683" data-top="1271" data-width="53" data-height="60">

          <!-- Unnamed (组合) -->
          <div id="u18363" class="ax_default" data-left="3683" data-top="1307" data-width="53" data-height="24">

            <!-- Unnamed (矩形) -->
            <div id="u18364" class="ax_default label">
              <div id="u18364_div" class=""></div>
              <div id="u18364_text" class="text ">
                <p><span>我的</span></p>
              </div>
            </div>

            <!-- Unnamed (组合) -->
            <div id="u18365" class="ax_default" data-left="0" data-top="0" data-width="0" data-height="0">
            </div>
          </div>

          <!-- Unnamed (形状) -->
          <div id="u18366" class="ax_default icon">
            <img id="u18366_img" class="img " src="images/元件/u30.svg"/>
            <div id="u18366_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>
        </div>

        <!-- Unnamed (组合) -->
        <div id="u18367" class="ax_default" data-left="3225" data-top="259" data-width="586" data-height="1143">

          <!-- Unnamed (矩形) -->
          <div id="u18368" class="ax_default _默认样式">
            <div id="u18368_div" class=""></div>
            <div id="u18368_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>

          <!-- Unnamed (图片 ) -->
          <div id="u18369" class="ax_default image">
            <img id="u18369_img" class="img " src="images/元件/u33.png"/>
            <div id="u18369_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>

          <!-- Unnamed (图片 ) -->
          <div id="u18370" class="ax_default image">
            <img id="u18370_img" class="img " src="images/元件/u34.png"/>
            <div id="u18370_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>

          <!-- Unnamed (图片 ) -->
          <div id="u18371" class="ax_default image">
            <img id="u18371_img" class="img " src="images/元件/u35.png"/>
            <div id="u18371_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>

          <!-- Unnamed (图片 ) -->
          <div id="u18372" class="ax_default image">
            <img id="u18372_img" class="img " src="images/元件/u36.png"/>
            <div id="u18372_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>
        </div>

        <!-- Unnamed (组合) -->
        <div id="u18373" class="ax_default" data-left="3541" data-top="296" data-width="79" data-height="15">

          <!-- Unnamed (图片 ) -->
          <div id="u18374" class="ax_default image1">
            <img id="u18374_img" class="img " src="images/元件/u38.png"/>
            <div id="u18374_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>

          <!-- Unnamed (形状) -->
          <div id="u18375" class="ax_default icon">
            <img id="u18375_img" class="img " src="images/元件/u39.svg"/>
            <div id="u18375_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>

          <!-- Unnamed (形状) -->
          <div id="u18376" class="ax_default icon">
            <img id="u18376_img" class="img " src="images/元件/u40.svg"/>
            <div id="u18376_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u18377" class="ax_default label">
          <div id="u18377_div" class=""></div>
          <div id="u18377_text" class="text ">
            <p><span>7:00</span></p>
          </div>
        </div>

        <!-- Unnamed (组合) -->
        <div id="u18378" class="ax_default" data-left="3646" data-top="304" data-width="79" data-height="15">

          <!-- Unnamed (图片 ) -->
          <div id="u18379" class="ax_default image1">
            <img id="u18379_img" class="img " src="images/元件/u38.png"/>
            <div id="u18379_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>

          <!-- Unnamed (形状) -->
          <div id="u18380" class="ax_default icon">
            <img id="u18380_img" class="img " src="images/元件/u39.svg"/>
            <div id="u18380_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>

          <!-- Unnamed (形状) -->
          <div id="u18381" class="ax_default icon">
            <img id="u18381_img" class="img " src="images/元件/u40.svg"/>
            <div id="u18381_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u18382" class="ax_default box_2">
        <div id="u18382_div" class=""></div>
        <div id="u18382_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (图片 ) -->
      <div id="u18383" class="ax_default _图片_">
        <img id="u18383_img" class="img " src="images/已学课程分类/u11579.svg"/>
        <div id="u18383_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (形状) -->
      <div id="u18384" class="ax_default icon">
        <img id="u18384_img" class="img " src="images/已学课程分类/u11580.svg"/>
        <div id="u18384_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (形状) -->
      <div id="u18385" class="ax_default icon">
        <img id="u18385_img" class="img " src="images/已学课程分类/u11581.svg"/>
        <div id="u18385_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Slider (组合) -->
      <div id="u18386" class="ax_default" data-label="Slider" data-left="3338" data-top="1181" data-width="234" data-height="30">

        <!-- Track (矩形) -->
        <div id="u18387" class="ax_default line1" data-label="Track">
          <div id="u18387_div" class=""></div>
          <div id="u18387_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>

        <!-- Highlight Track (矩形) -->
        <div id="u18388" class="ax_default line1" data-label="Highlight Track">
          <div id="u18388_div" class=""></div>
          <div id="u18388_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>

        <!-- Thumb (动态面板) -->
        <div id="u18389" class="ax_default" data-label="Thumb">
          <div id="u18389_state0" class="panel_state" data-label="State1" style="">
            <div id="u18389_state0_content" class="panel_state_content">

              <!-- Thumb (圆形) -->
              <div id="u18390" class="ax_default shape" data-label="Thumb">
                <img id="u18390_img" class="img " src="images/已学课程分类/thumb_u11586.svg"/>
                <div id="u18390_text" class="text " style="display:none; visibility: hidden">
                  <p></p>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>

      <!-- Unnamed (形状) -->
      <div id="u18391" class="ax_default icon">
        <img id="u18391_img" class="img " src="images/已学课程分类/u11587.svg"/>
        <div id="u18391_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u18392" class="ax_default" data-left="3682.76764014052" data-top="1166.99598678638" data-width="45.7323598594794" data-height="58.0040132136228">

        <!-- Unnamed (矩形) -->
        <div id="u18393" class="ax_default box_1">
          <div id="u18393_div" class=""></div>
          <div id="u18393_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>

        <!-- Unnamed (形状) -->
        <div id="u18394" class="ax_default box_1">
          <img id="u18394_img" class="img " src="images/已学课程分类/u11590.svg"/>
          <div id="u18394_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>

        <!-- Unnamed (形状) -->
        <div id="u18395" class="ax_default icon">
          <img id="u18395_img" class="img " src="images/已学课程分类/u11591.svg"/>
          <div id="u18395_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u18396" class="ax_default label">
        <div id="u18396_div" class=""></div>
        <div id="u18396_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u18397" class="ax_default label">
        <div id="u18397_div" class=""></div>
        <div id="u18397_text" class="text ">
          <p><span>课程-推荐课程页</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u18398" class="ax_default label">
        <div id="u18398_div" class=""></div>
        <div id="u18398_text" class="text ">
          <p style="font-size:48px;"><span style="font-family:'Arial Negreta', 'Arial Normal', 'Arial', sans-serif;font-weight:700;"><br></span></p><p style="font-size:28px;"><span style="font-family:'Arial Normal', 'Arial', sans-serif;font-weight:400;">1.用户在课程-推荐课程页面单击已学课程按键，进入课程-已学课程页面，并默认进入我的课程模块</span></p><p style="font-size:28px;"><span style="font-family:'Arial Normal', 'Arial', sans-serif;font-weight:400;"><br></span></p><p style="font-size:28px;"><span style="font-family:'Arial Normal', 'Arial', sans-serif;font-weight:400;">2.顶部为搜索栏，可以使用关键词搜索到app里的所有课程</span></p><p style="font-size:28px;"><span style="font-family:'Arial Normal', 'Arial', sans-serif;font-weight:400;"><br></span></p><p style="font-size:28px;"><span style="font-family:'Arial Normal', 'Arial', sans-serif;font-weight:400;">2.顶部相机元件的功能为扫码</span></p><p style="font-size:28px;"><span style="font-family:'Arial Normal', 'Arial', sans-serif;font-weight:400;"><br></span></p><p style="font-size:28px;"><span style="font-family:'Arial Normal', 'Arial', sans-serif;font-weight:400;">3.然后为推荐课程和已学课程的按钮互换，此时高亮已学课程</span></p><p style="font-size:28px;"><span style="font-family:'Arial Normal', 'Arial', sans-serif;font-weight:400;"><br></span></p><p style="font-size:28px;"><span style="font-family:'Arial Normal', 'Arial', sans-serif;font-weight:400;">4.课程呈卡片式排列，显示课程图片，以及参加测试和继续学习两个按钮。点击参加 测试 后跳转 到测试该课程的测试界面；点击继续学习跳转到该课程的章节学习。</span></p><p style="font-size:28px;"><span style="font-family:'Arial Normal', 'Arial', sans-serif;font-weight:400;"><br></span></p><p style="font-size:28px;"><span style="font-family:'Arial Normal', 'Arial', sans-serif;font-weight:400;">5.文字显示课程名称、老师、上课时间、已学课时和多少人在学习，方便用户了解基本信息</span></p><p style="font-size:28px;"><span style="font-family:'Arial Normal', 'Arial', sans-serif;font-weight:400;"><br></span></p><p style="font-size:28px;"><span style="font-family:'Arial Normal', 'Arial', sans-serif;font-weight:400;">6.课程的课时还有可视化部分，利用进度条显示学习该课程的进度</span></p><p style="font-size:28px;"><span style="font-family:'Arial Normal', 'Arial', sans-serif;font-weight:400;"><br></span></p><p style="font-size:28px;"><span style="font-family:'Arial Normal', 'Arial', sans-serif;font-weight:400;">7.单击某一课程的继续学习按键，进入课程-课程大纲页面</span></p><p style="font-size:28px;"><span style="font-family:'Arial Normal', 'Arial', sans-serif;font-weight:400;"><br></span></p><p style="font-size:28px;"><span style="font-family:'Arial Normal', 'Arial', sans-serif;font-weight:400;">8.系统权限用户在cms后台的活动数据页面可以查看用户访问学习课程数据，以便更好的优化排序</span></p><p style="font-size:28px;"><span style="font-family:'Arial Normal', 'Arial', sans-serif;font-weight:400;"><br></span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u18399" class="ax_default label">
        <div id="u18399_div" class=""></div>
        <div id="u18399_text" class="text ">
          <p><span>课程-已学课程页</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u18400" class="ax_default label">
        <div id="u18400_div" class=""></div>
        <div id="u18400_text" class="text ">
          <p><span>课程-课程大纲页</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u18401" class="ax_default label">
        <div id="u18401_div" class=""></div>
        <div id="u18401_text" class="text ">
          <p style="font-size:48px;"><span style="font-family:'Arial Negreta', 'Arial Normal', 'Arial', sans-serif;font-weight:700;"><br></span></p><p style="font-size:28px;"><span style="font-family:'Arial Normal', 'Arial', sans-serif;font-weight:400;">1.用户在课程-已学课程页单击某一课程的继续学习按键，进入课程-课程大纲页面</span></p><p style="font-size:28px;"><span style="font-family:'Arial Normal', 'Arial', sans-serif;font-weight:400;"><br></span></p><p style="font-size:28px;"><span style="font-family:'Arial Normal', 'Arial', sans-serif;font-weight:400;">2.顶部为搜索栏，可以使用关键词搜索到app里的所有课程</span></p><p style="font-size:28px;"><span style="font-family:'Arial Normal', 'Arial', sans-serif;font-weight:400;"><br></span></p><p style="font-size:28px;"><span style="font-family:'Arial Normal', 'Arial', sans-serif;font-weight:400;">3.顶部相机元件的功能为扫码</span></p><p style="font-size:28px;"><span style="font-family:'Arial Normal', 'Arial', sans-serif;font-weight:400;"><br></span></p><p style="font-size:28px;"><span style="font-family:'Arial Normal', 'Arial', sans-serif;font-weight:400;">4.然后为推荐课程和已学课程的按钮互换，此时高亮已学课程</span></p><p style="font-size:28px;"><span style="font-family:'Arial Normal', 'Arial', sans-serif;font-weight:400;"><br></span></p><p style="font-size:28px;"><span style="font-family:'Arial Normal', 'Arial', sans-serif;font-weight:400;">5.显示课程名称以及课程的章节；学习后的课程会有成就显示，方便用户知晓自己是否完成学习此课程</span></p><p style="font-size:28px;"><span style="font-family:'Arial Normal', 'Arial', sans-serif;font-weight:400;"><br></span></p><p style="font-size:28px;"><span style="font-family:'Arial Normal', 'Arial', sans-serif;font-weight:400;">6.对应课程的章节学习完成获得奖章，单击课程中的某一章节，进入课程-内容详情页</span></p><p style="font-size:28px;"><span style="font-family:'Arial Normal', 'Arial', sans-serif;font-weight:400;"><br></span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u18402" class="ax_default label">
        <div id="u18402_div" class=""></div>
        <div id="u18402_text" class="text ">
          <p><span>课程-内容详情页</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u18403" class="ax_default label">
        <div id="u18403_div" class=""></div>
        <div id="u18403_text" class="text ">
          <p style="font-size:48px;"><span style="font-family:'Arial Negreta', 'Arial Normal', 'Arial', sans-serif;font-weight:700;"><br></span></p><p style="font-size:28px;"><span style="font-family:'Arial Normal', 'Arial', sans-serif;font-weight:400;">1.单击课程中的某一章节，进入课程-内容详情页</span></p><p style="font-size:28px;"><span style="font-family:'Arial Normal', 'Arial', sans-serif;font-weight:400;"><br></span></p><p style="font-size:28px;"><span style="font-family:'Arial Normal', 'Arial', sans-serif;font-weight:400;">2.顶部左侧为退出按钮，右侧为展开按钮</span></p><p style="font-size:28px;"><span style="font-family:'Arial Normal', 'Arial', sans-serif;font-weight:400;"><br></span></p><p style="font-size:28px;"><span style="font-family:'Arial Normal', 'Arial', sans-serif;font-weight:400;">3.界面中间为视频播放内容</span></p><p style="font-size:28px;"><span style="font-family:'Arial Normal', 'Arial', sans-serif;font-weight:400;"><br></span></p><p style="font-size:28px;"><span style="font-family:'Arial Normal', 'Arial', sans-serif;font-weight:400;">4.界面左侧为点击进行暂停和播放的切换按钮；显示视频进度条；以及底部右侧为点击后竖屏播放转换成横屏播放</span></p><p style="font-size:28px;"><span style="font-family:'Arial Normal', 'Arial', sans-serif;font-weight:400;"><br></span></p><p style="font-size:28px;"><span style="font-family:'Arial Normal', 'Arial', sans-serif;font-weight:400;">5.教师用户可以在cms后台的课程管理页面编辑管理课程内容（设为精品付费，课程内容编辑等），系统权限用户可以在课程管理页面对课程内容设为推荐，撤销下架处理等</span></p>
        </div>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u18404" class="ax_default" data-left="917" data-top="436" data-width="495" data-height="7">

        <!-- Unnamed (线段) -->
        <div id="u18405" class="compound ax_default _水平线" data-height="1" data-width="488" CompoundMode="true">
          <img id="u18405_img" class="singleImg img " src="images/用户流程图/u652.svg"/>
          <div id="u18405p000" class="ax_vector_shape" WidgetTopLeftX="-0.495934959349593" WidgetTopLeftY="-0.166666666666667" WidgetTopRightX="0.495934959349593" WidgetTopRightY="-0.166666666666667" WidgetBottomLeftX="-0.495934959349593" WidgetBottomLeftY="0" WidgetBottomRightX="0.495934959349593" WidgetBottomRightY="0">
            <img id="u18405p000_img" class="img " src="images/课程学习/u18405p000.svg"/>
          </div>
          <div id="u18405p001" class="ax_vector_shape" WidgetTopLeftX="0" WidgetTopLeftY="-0.5" WidgetTopRightX="122" WidgetTopRightY="-0.5" WidgetBottomLeftX="0" WidgetBottomLeftY="0" WidgetBottomRightX="122" WidgetBottomRightY="0">
            <img id="u18405p001_img" class="img " src="images/课程学习/u18405p001.svg"/>
          </div>
          <div id="u18405p002" class="ax_vector_shape" WidgetTopLeftX="24.2" WidgetTopLeftY="0" WidgetTopRightX="-0.2" WidgetTopRightY="0" WidgetBottomLeftX="24.2" WidgetBottomLeftY="-0.05" WidgetBottomRightX="-0.2" WidgetBottomRightY="-0.05">
            <img id="u18405p002_img" class="img " src="images/课程学习/u18405p002.svg"/>
          </div>
          <div id="u18405_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u18406" class="ax_default _形状1">
          <div id="u18406_div" class=""></div>
          <div id="u18406_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (图片 ) -->
      <div id="u18407" class="ax_default image">
        <img id="u18407_img" class="img " src="images/元件/u169.png"/>
        <div id="u18407_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Header 2 (矩形) -->
      <div id="u18408" class="ax_default _文本段落" data-label="Header 2">
        <div id="u18408_div" class=""></div>
        <div id="u18408_text" class="text ">
          <p><span>点击（Tap）</span></p>
        </div>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u18409" class="ax_default" data-left="692.5" data-top="512.5" data-width="142" data-height="89.5">

        <!-- Unnamed (图片 ) -->
        <div id="u18410" class="ax_default image">
          <img id="u18410_img" class="img " src="images/元件/u187.png"/>
          <div id="u18410_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>

        <!-- Unnamed (图片 ) -->
        <div id="u18411" class="ax_default image">
          <img id="u18411_img" class="img " src="images/元件/u188.svg"/>
          <div id="u18411_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>

        <!-- Unnamed (图片 ) -->
        <div id="u18412" class="ax_default image">
          <img id="u18412_img" class="img " src="images/元件/u187.png"/>
          <div id="u18412_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>
      </div>

      <!-- Header 2 (矩形) -->
      <div id="u18413" class="ax_default _文本段落" data-label="Header 2">
        <div id="u18413_div" class=""></div>
        <div id="u18413_text" class="text ">
          <p><span>左右滑动（Swipe）</span></p>
        </div>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u18414" class="ax_default" data-left="3375.5" data-top="1195.5" data-width="142" data-height="89.5">

        <!-- Unnamed (图片 ) -->
        <div id="u18415" class="ax_default image">
          <img id="u18415_img" class="img " src="images/元件/u187.png"/>
          <div id="u18415_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>

        <!-- Unnamed (图片 ) -->
        <div id="u18416" class="ax_default image">
          <img id="u18416_img" class="img " src="images/元件/u188.svg"/>
          <div id="u18416_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>

        <!-- Unnamed (图片 ) -->
        <div id="u18417" class="ax_default image">
          <img id="u18417_img" class="img " src="images/元件/u187.png"/>
          <div id="u18417_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>
      </div>

      <!-- Header 2 (矩形) -->
      <div id="u18418" class="ax_default _文本段落" data-label="Header 2">
        <div id="u18418_div" class=""></div>
        <div id="u18418_text" class="text ">
          <p><span>左右滑动（Swipe）</span></p>
        </div>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u18419" class="ax_default" data-left="1804" data-top="746" data-width="495" data-height="7">

        <!-- Unnamed (线段) -->
        <div id="u18420" class="compound ax_default _水平线" data-height="1" data-width="488" CompoundMode="true">
          <img id="u18420_img" class="singleImg img " src="images/用户流程图/u652.svg"/>
          <div id="u18420p000" class="ax_vector_shape" WidgetTopLeftX="-0.493927125506073" WidgetTopLeftY="-0.166666666666667" WidgetTopRightX="0.493927125506073" WidgetTopRightY="-0.166666666666667" WidgetBottomLeftX="-0.493927125506073" WidgetBottomLeftY="0" WidgetBottomRightX="0.493927125506073" WidgetBottomRightY="0">
            <img id="u18420p000_img" class="img " src="images/课程学习/u18420p000.svg"/>
          </div>
          <div id="u18420p001" class="ax_vector_shape" WidgetTopLeftX="-0.25" WidgetTopLeftY="-0.5" WidgetTopRightX="121.75" WidgetTopRightY="-0.5" WidgetBottomLeftX="-0.25" WidgetBottomLeftY="0" WidgetBottomRightX="121.75" WidgetBottomRightY="0">
            <img id="u18420p001_img" class="img " src="images/课程学习/u18420p001.svg"/>
          </div>
          <div id="u18420p002" class="ax_vector_shape" WidgetTopLeftX="22" WidgetTopLeftY="0" WidgetTopRightX="-0.181818181818182" WidgetTopRightY="0" WidgetBottomLeftX="22" WidgetBottomLeftY="-0.05" WidgetBottomRightX="-0.181818181818182" WidgetBottomRightY="-0.05">
            <img id="u18420p002_img" class="img " src="images/课程学习/u18420p002.svg"/>
          </div>
          <div id="u18420_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u18421" class="ax_default _形状1">
          <div id="u18421_div" class=""></div>
          <div id="u18421_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (图片 ) -->
      <div id="u18422" class="ax_default image">
        <img id="u18422_img" class="img " src="images/元件/u169.png"/>
        <div id="u18422_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Header 2 (矩形) -->
      <div id="u18423" class="ax_default _文本段落" data-label="Header 2">
        <div id="u18423_div" class=""></div>
        <div id="u18423_text" class="text ">
          <p><span>点击（Tap）</span></p>
        </div>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u18424" class="ax_default" data-left="2718" data-top="641" data-width="556" data-height="7">

        <!-- Unnamed (线段) -->
        <div id="u18425" class="compound ax_default _水平线" data-height="1" data-width="548" CompoundMode="true">
          <img id="u18425_img" class="singleImg img " src="images/课程学习/u18425.svg"/>
          <div id="u18425p000" class="ax_vector_shape" WidgetTopLeftX="-0.496376811594203" WidgetTopLeftY="0" WidgetTopRightX="0.496376811594203" WidgetTopRightY="0" WidgetBottomLeftX="-0.496376811594203" WidgetBottomLeftY="0.166666666666667" WidgetBottomRightX="0.496376811594203" WidgetBottomRightY="0.166666666666667">
            <img id="u18425p000_img" class="img " src="images/课程学习/u18425p000.svg"/>
          </div>
          <div id="u18425p001" class="ax_vector_shape" WidgetTopLeftX="0" WidgetTopLeftY="-0.25" WidgetTopRightX="137" WidgetTopRightY="-0.25" WidgetBottomLeftX="0" WidgetBottomLeftY="0" WidgetBottomRightX="137" WidgetBottomRightY="0">
            <img id="u18425p001_img" class="img " src="images/课程学习/u18425p001.svg"/>
          </div>
          <div id="u18425p002" class="ax_vector_shape" WidgetTopLeftX="27.2" WidgetTopLeftY="0.05" WidgetTopRightX="-0.2" WidgetTopRightY="0.05" WidgetBottomLeftX="27.2" WidgetBottomLeftY="0" WidgetBottomRightX="-0.2" WidgetBottomRightY="0">
            <img id="u18425p002_img" class="img " src="images/课程学习/u18425p002.svg"/>
          </div>
          <div id="u18425_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u18426" class="ax_default _形状1">
          <div id="u18426_div" class=""></div>
          <div id="u18426_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (图片 ) -->
      <div id="u18427" class="ax_default image">
        <img id="u18427_img" class="img " src="images/元件/u169.png"/>
        <div id="u18427_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Header 2 (矩形) -->
      <div id="u18428" class="ax_default _文本段落" data-label="Header 2">
        <div id="u18428_div" class=""></div>
        <div id="u18428_text" class="text ">
          <p><span>点击（Tap）</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u18429" class="ax_default label">
        <div id="u18429_div" class=""></div>
        <div id="u18429_text" class="text ">
          <p><span>课程学习</span></p>
        </div>
      </div>
    </div>
    <script src="resources/scripts/axure/ios.js"></script>
  </body>
</html>
